<template>
  <a-card class="fromBox" title="兰州大学教育发展基金会捐赠资金使用申请表">
    <template #extra>
      <a-tooltip placement="top">
        <template #title>
          <span>返回上级</span>
        </template>
        <a-button size="small" @click="resetForm(0)"> <RollbackOutlined /></a-button>
      </a-tooltip>
    </template>
    <table
      class="MsoNormalTable"
      border="0"
      border-color="#dadada"
      cellspacing="0"
      cellpadding="0"
      style="border-collapse: collapse; border: 1px solid #dadada; width: 98%"
    >
      <tr style="height: 50px; border: 1px solid #dadada; font-size: 18px">
        <td colspan="2" style="width: 15%; padding: 0cm 5.4px 0cm 5.4px; height: 34px; border: 1px solid #dadada; text-align: center">
          项目名称/代码
        </td>
        <td
          width="438"
          colspan="3"
          style="width: 328.2px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 34.15px; color: #1677ff; text-align: center"
        >
          {{ Detail.blapplyprojectname }}
        </td>
      </tr>
      <tr style="height: 28.55px; border: 1px solid #dadada; font-size: 18px">
        <td
          width="174"
          colspan="2"
          rowspan="3"
          style="width: 130.35px; padding: 0cm 5.4px 0cm 5.4px; height: 50px; border: 1px solid #dadada; text-align: center"
        >
          执行单位
        </td>
        <td
          width="123"
          rowspan="3"
          style="width: 91.95px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; color: #1677ff; text-align: center"
        >
          {{ Detail.blname }}
        </td>
        <td width="94" style="width: 70.85px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; text-align: center">联 系 人</td>
        <td
          width="221"
          style="width: 165.4px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; color: #1677ff; text-align: center"
        >
          {{ Detail.bllinkmanname }}
        </td>
      </tr>
      <tr style="height: 20.3px; border: 1px solid #dadada; font-size: 18px">
        <td width="94" rowspan="2" style="width: 70.85px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; text-align: center">
          联系方式
        </td>
        <td
          width="221"
          style="width: 165.4px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; color: #1677ff; text-align: center"
        >
          {{ Detail.blphone }}
        </td>
      </tr>
      <tr style="height: 15.25px; border: 1px solid #dadada; font-size: 18px">
        <td
          width="221"
          style="width: 165.4px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 50px; color: #1677ff; text-align: center"
        >
          {{ Detail.blemail }}
        </td>
      </tr>
      <tr style="height: 50px; border: 1px solid #dadada; font-size: 18px">
        <td
          width="174"
          colspan="2"
          style="width: 130.35px; padding: 0cm 5.4px 0cm 5.4px; height: 50px; border: 1px solid #dadada; text-align: center"
        >
          申请事由
        </td>
        <td width="438px" colspan="3" style="width: 328.2px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; color: #1677ff">
          {{ Detail.blusecontent }}
        </td>
      </tr>
      <tr style="height: 50px; border: 1px solid #dadada; font-size: 18px">
        <td
          width="174"
          colspan="2"
          style="width: 130.35px; padding: 0cm 5.4px 0cm 5.4px; height: 50px; border: 1px solid #dadada; text-align: center"
        >
          申请金额
        </td>
        <td
          width="438"
          colspan="3"
          style="width: 328.2px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 28.2px; color: #1677ff; text-align: center"
        >
          {{ Detail.bldollar }}
        </td>
      </tr>
      <tr style="height: 66.8px; border: 1px solid #dadada">
        <td width="174" colspan="2" style="width: 130.35px; padding: 0cm 5.4px 0cm 5.4px; height: 66.8px; border: 1px solid #dadada">
          <p class="MsoNormal" align="center" style="text-align: center">
            <span style="font-size: 18px">执行单位负责人签字</span>
          </p>
          <p class="MsoNormal" align="center" style="text-align: center"><span style="font-size: 18px">（公章）</span></p>
        </td>
        <td width="438" colspan="3" valign="bottom" style="width: 328.2px; border: 1px solid #dadada; padding: 0cm 5.4px 0cm 5.4px; height: 66.8px">
          <p class="MsoNormal" style="margin-top: 7.8px"><span lang="EN-US" style="font-size: 18px">&nbsp;</span></p>
          <p class="MsoNormal" style="margin-top: 7.8px"><span lang="EN-US" style="font-size: 18px">&nbsp;</span></p>
          <p class="MsoNormal" align="right" style="margin-top: 7.8px; text-align: right; word-break: break-all">
            <span lang="EN-US" style="font-size: 18px">&nbsp;&nbsp; <u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></span
            ><span style="font-size: 18px"
              >年<u><span lang="EN-US">&nbsp;&nbsp; </span></u>月<u><span lang="EN-US">&nbsp;&nbsp; </span></u>日</span
            >
          </p>
        </td>
      </tr>
    </table>
  </a-card>
</template>
<script setup>
  import { reactive, ref, defineEmits, defineProps, onMounted } from 'vue';
  import { message } from 'ant-design-vue';
  import { smartSentry } from '/@/lib/smart-sentry';
  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
  import { ProManageApi } from '../../../api/ProManage/ProManage-api';
  const formState = ref({});
  const props = defineProps({
    DateId: String,
  });
  //  父级协议
  const Father = ref([]);
  //详情
  const Detail = ref({});
  async function getInitDateDetail() {
    try {
      let res = await ProManageApi.ProMangeDetail(props.DateId);
      Detail.value = res.blapply; //详情数据
    } catch (error) {
      smartSentry.captureError(error);
    }
  }
  onMounted(() => {
    getInitDateDetail();
  });
  const emit = defineEmits();
  const resetForm = (e) => {
    let obj = { type: e };
    emit('getBlack', obj);
  };
</script>

<style lang="scss" scope></style>
